<template>
<!--  <Person a="哈哈" :list="personList"/>-->
  <Person a="哈哈"/>

  <!--  务必看懂下面一行代码-->
<!--  <h2 a="1+1" :b="2+1" c="x" :d="x"></h2>-->

</template>

<script lang="ts" setup name="App">
import Person from './components/Person.vue'
import {reactive} from "vue"
import {type Persons} from '@/types'

let x = 9
let personList = reactive<Persons>([
  {id: '01', name: '张三', age: 60},
  {id: '02', name: '李四', age: 70},
  {id: '03', name: '王五', age: 80}
])
</script>

<style >
/* 样式 */

</style>